<template>
    <div class="last">
        <van-cell title="付费课程" value=">" />
        <van-cell title="免费课程" value=">" >

        </van-cell>
        <van-cell title="缓存管理" value=">" @click="tocache"> 

        </van-cell>
        <van-cell title="我的收藏" value=">" @click="tocol" />
    </div>
</template>

<script>
export default {
    name: '',
    data() {
        return {

        }
    },
    methods:{
        tocache(){
            this.$router.push('./cacheList')
        },
        tocol(){
            this.$router.push('./collection')
        },

    }
}
</script>

<style lang="less" scoped>
.last {

    padding: 0 5%;
    padding-bottom: 10%;
    margin-bottom: 5%;

    .van-cell {
        font-size: 1rem;
        font-weight: 700;
        padding: 5% 5%;
        margin-bottom: 3%;

    }
}
</style>
